<style>
    select {
        /*重置Chrome和Firefox的select边框样式*/
        border: 1px solid #000;
        /*清除默认的select选择框样式*/
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }
</style>
<link rel="stylesheet" href="__STATIC__/admin/css/welcome.css?v={:time()}" media="all">
<div class="layuimini-container">
    <div class="layuimini-main">
        <form id="app-form" class="layui-form layuimini-form">
            <div class="layui-form-item">
<!--                <div class="layui-inline">时间：</div>-->
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <input autocomplete="off" type="text" name="start_time" id="start_time" data-date=""
                               data-date-type="datetime"
                               class="layui-input" placeholder="开始时间" value="">
                    </div>
                    <div class="layui-form-mid">-</div>
                    <div class="layui-input-inline" >
                        <input autocomplete="off" type="text" name="end_time" id="end_time" data-date=""
                               data-date-type="datetime"
                               class="layui-input" placeholder="结束时间" value="">
                    </div>
                </div>

                <div class="layui-inline">
                    <button type="button" class="layui-btn layui-btn-normal" id="search">查询</button>
                </div>
            </div>
        </form>
        <div style="display: flex">
            <div class="left" style="width: 20%;">
                <div class="layui-row">
                    <table class="layui-table text-center" lay-skin="line">
                        <thead>
                        <tr>
                            <th colspan="2" style="text-align: center">观看总数：<span style="color: red" id="total_nums">0</span></th>
                        </tr>
                        <tr>
                            <th style="text-align: center">省份</th>
                            <th style="text-align: center">人数</th>
                        </tr>
                        </thead>
                        <tbody id="tbody">

                        </tbody>

                    </table>
                </div>
            </div>
            <div class="right" style="width: 80%">
                <div id="echarts-records" style="width: 100%;min-height:500px"></div>
            </div>
        </div>

    </div>

</div>
